<!DOCTYPE html>


  <html class="light page-page">


<head>
  <meta charset="utf-8">
  
  <title>东窗随笔</title>

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  
    <meta name="keywords" content="hanlyjiang,Android,Java,Hexo主题,前端开发,用户体验,设计" />
  

  <meta name="description" content="&amp;#x6B66;&amp;#x5927;&amp;#x5409;&amp;#x5965;GeoShow-&amp;#x5730;&amp;#x7406;&amp;#x56FD;&amp;#x60C5;&amp;#x7EFC;&amp;#x5408;&amp;#x7EDF;&amp;#x8BA1;">
<meta property="og:type" content="website">
<meta property="og:title" content="东窗随笔">
<meta property="og:url" content="http://hanlyjiang.github.io/note/html/index.html">
<meta property="og:site_name" content="东窗随笔">
<meta property="og:description" content="&amp;#x6B66;&amp;#x5927;&amp;#x5409;&amp;#x5965;GeoShow-&amp;#x5730;&amp;#x7406;&amp;#x56FD;&amp;#x60C5;&amp;#x7EFC;&amp;#x5408;&amp;#x7EDF;&amp;#x8BA1;">
<meta property="og:updated_time" content="2016-12-08T10:13:52.812Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="东窗随笔">
<meta name="twitter:description" content="&amp;#x6B66;&amp;#x5927;&amp;#x5409;&amp;#x5965;GeoShow-&amp;#x5730;&amp;#x7406;&amp;#x56FD;&amp;#x60C5;&amp;#x7EFC;&amp;#x5408;&amp;#x7EDF;&amp;#x8BA1;">

  

  
    <link rel="icon" href="/favicon.ico">
  

  <link href="/css/styles.css?v=d671a41f" rel="stylesheet">


  
    <link rel="stylesheet" href="/css/personal-style.css">
  

  

  
  <script type="text/javascript">
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "//hm.baidu.com/hm.js?57e94d016e201fba3603a8a2b0263af0";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>



  
    <script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
  

  
    <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css">
  
</head>

<body>


  
    <span id="toolbox-mobile" class="toolbox-mobile">观乎</span>
  

  <div class="post-header CENTER">
   
  <div class="toolbox">
    <a class="toolbox-entry" href="/">
      <span class="toolbox-entry-text">观乎</span>
      <i class="icon-angle-down"></i>
      <i class="icon-home"></i>
    </a>
    <ul class="list-toolbox">
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/archives/"
            rel="noopener noreferrer"
            target="_self"
            >
            博客
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/category/"
            rel="noopener noreferrer"
            target="_self"
            >
            分类
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/tag/"
            rel="noopener noreferrer"
            target="_self"
            >
            标签
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/about/"
            rel="noopener noreferrer"
            target="_self"
            >
            关于
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/atom.xml"
            rel="noopener noreferrer"
            target="_blank"
            >
            RSS
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/search/"
            rel="noopener noreferrer"
            target="_self"
            >
            搜索
          </a>
        </li>
      
    </ul>
  </div>


</div>


  <div id="toc" class="toc-article">
    <strong class="toc-title">文章目录</strong>
    <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#地理国情综合统计"><span class="toc-text">地理国情综合统计</span></a></li></ol>
  </div>



<div class="content content-post CENTER">
   <article id="page-undefined" class="article article-type-page" itemprop="blogPost">
  <header class="article-header">
    <h1 class="post-title">(no title)</h1>

    <div class="article-meta">
      <span>
        <i class="icon-calendar"></i>
        <span>2016.12.08</span>
      </span>

      
        <span class="article-author">
          <i class="icon-user"></i>
          <span>hanlyjiang@outlook.com</span>
        </span>
      

      


      
        <span>
          <i class="icon-comment"></i>
          <a href="http://hanlyjiang.site/note/html/index.html#disqus_thread"></a>
        </span>
      

      
      <i class="fa fa-eye"></i> 
        <span id="busuanzi_container_page_pv">
           &nbsp热度 <span id="busuanzi_value_page_pv">
           <i class="fa fa-spinner fa-spin"></i></span>℃
        </span>
      

      
      
    </div>
  </header>

  <div class="article-content">
    
      <!DOCTYPE HTML>
<html>
  <head>
   	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="keywords" content="&#x6B66;&#x5927;&#x5409;&#x5965;,&#x6570;&#x636E;&#x53EF;&#x89C6;&#x5316;,GeoSmarter,GeoShow">
	<meta http-equiv="description" content="">
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>&#x6B66;&#x5927;&#x5409;&#x5965;GeoShow-&#x5730;&#x7406;&#x56FD;&#x60C5;&#x7EFC;&#x5408;&#x7EDF;&#x8BA1;</title>
    <!-- 基础预览页 -->

    
    <!-- 决定使用Android 的JS注入还是本地模拟JS -->
     <!-- 使用本地模拟js提供数据 -->
     <!-- 使用Android 注入 对象提供数据 -->
     <!--    <script type="text/javascript" src="data_query.js"></script> --> 
    <script type="text/javascript" src="js/local_data_query.js"></script>
    <script type="text/javascript" src="js/echarts.min.5.js"></script>

    <style type="text/css">
        
        * {
          -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
                  box-sizing: border-box;
        }

        #line01{
            width:1000px;
            margin: 8px auto ;
            float: center;
            padding: 10px;
            align-content: center;

        }
        #line02{
            width:1000px;
            margin: 8px auto ;
            padding: 10px;
            float: center;
        }

        #piechart{
            width: 50%;
            height: 320px;
            padding: 10px;
            position: relative ;
            float:left;
        }

        #radarchart{
            width: 50%;
            height: 320px;
            padding: 10px;
            position: relative ;
            float:left;
        }

        #barchart{
            width: 50%;
            height: 320px;
            float:left;
            position: relative ;

            padding: 10px;
        }
        #linechart{
            width: 50%;
            height: 320px;
            float:left;
            position: relative ;
            padding: 10px;
        }

        h1 {text-align: center; font-size: 28px;}
        
      </style>

  </head>
    
    
  <body id="body" style="border:0px;padding:0px;">
    
    <h1 id="&#x5730;&#x7406;&#x56FD;&#x60C5;&#x7EFC;&#x5408;&#x7EDF;&#x8BA1;">&#x5730;&#x7406;&#x56FD;&#x60C5;&#x7EFC;&#x5408;&#x7EDF;&#x8BA1;</h1>
      <div id="line01">
            <div id="piechart"></div>
            <div id="radarchart"></div>
      </div>
      <div id="line02">
          <div id="barchart"></div>
          <div id="linechart"></div>
      </div>
    
      <script type="text/javascript">
      
            var pieChart= echarts.init(document.getElementById("piechart"))
            var radarChart= echarts.init(document.getElementById("radarchart"))
            var barChart= echarts.init(document.getElementById("barchart"))
            var lineChart= echarts.init(document.getElementById("linechart"))
      
            var radarOption = {
                 title: {
                    text: ''
                    },
                    tooltip: {},
                    legend: {
                        data: [/*'预算分配', '实际开销'*/],
                        right:'right'
                    },
                    radar: {
                        // shape: 'circle',
                        indicator: [
//                           { name: '销售（sales）', max: 6500},
//                           { name: '管理（Administration）', max: 16000},
//                           { name: '信息技术（Information Techology）', max: 30000},
//                           { name: '客服（Customer Support）', max: 38000},
//                           { name: '研发（Development）', max: 52000},
//                           { name: '市场（Marketing）', max: 25000}
                        ]
                    },
                    series: [{
                        name: '',
                        type: 'radar',
                        // areaStyle: {normal: {}},
                        data : [
//                            {
//                                value : [4300, 10000, 28000, 35000, 50000, 19000],
//                                name : '预算分配'
//                            },
//                             {
//                                value : [5000, 14000, 28000, 31000, 42000, 21000],
//                                name : '实际开销'
//                            }
                        ]
                    }]
            };
            
        var pieOption = {
            title : {
                text: '',
                subtext: '',
                    x:'center'
                },
                tooltip : {
                    trigger: 'item',
                    formatter: "{a} <br/>{b} : {c} ({d}%)"
                },
                legend: {
                    orient: 'vertical',
                    left: 'left',
                    data: []/*['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']*/
                },
                series : [
                    {
                        name: '',
                        type: 'pie',
                        radius : '55%',
                        center: ['50%', '60%'],
                        data:[
//                            {value:335, name:'直接访问'},
//                            {value:310, name:'邮件营销'},
//                            {value:234, name:'联盟广告'},
//                            {value:135, name:'视频广告'},
//                            {value:1548, name:'搜索引擎'}
                        ],
                        itemStyle: {
                            emphasis: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }
                ]
        };
          
                  // -----------------注入数据 begin -------------
//        var pieChart = projectJson.content[0].widgets[0];
//        var radarChart = projectJson.content[0].widgets[1];
//           
        // 设置饼状图标题
        pieOption.title.text='全区统计';
//        // 设置饼状图图例
        pieOption.legend.data = getPieLegendData();
//        // 设置饼状图数据提示前方文字
//        pieOption.series[0].name='';
//        // 设置饼子数据
        pieOption.series[0].data = getPieSeriesData();
//        
//        // 设置雷达图标题
        radarOption.title.text='下属行政区统计';
//        // 设置雷达图图例
        radarOption.legend.data = getRadarLegendData();
//        // 设置雷达图数据集
        radarOption.series[0].data = getRadarSeriesData();
//        // 设置雷达图环形文字指标及最大值
        radarOption.radar.indicator =  getRadarPolar();      
        // ---------------注入数据  end ---------------
          
      pieChart.setOption(pieOption);
      radarChart.setOption(radarOption);
          
      barChart.setOption(getBarOption());
      lineChart.setOption(getLineOption());

      
      </script>
  
 
    
  </body>
</html>

    
  </div>
</article>

</div>


  <div class="text-center donation">
    <div class="inner-donation">
      <span class="btn-donation">支持一下</span>
      <div class="donation-body">
        <div class="tip text-center">扫一扫，支持HanlyJiang</div>
        <ul class="theme.donation.items.length">
        
          <li class="item">
            <img src="/images/qr-wechat.png" alt="">
          </li>
        
          <li class="item">
            <img src="/images/qr_zhifubao.jpg" alt="">
          </li>
        
        </ul>
      </div>
    </div>
  </div>




  <a id="backTop" class="back-top">
    <i class="icon-angle-up"></i>
  </a>




  <div class="modal" id="modal">
  <span id="cover" class="cover hide"></span>
  <div id="modal-dialog" class="modal-dialog hide-dialog">
    <div class="modal-header">
      <span id="close" class="btn-close">关闭</span>
    </div>
    <hr>
    <div class="modal-body">
      <ul class="list-toolbox">
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/archives/"
              rel="noopener noreferrer"
              target="_self"
              >
              博客
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/category/"
              rel="noopener noreferrer"
              target="_self"
              >
              分类
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/tag/"
              rel="noopener noreferrer"
              target="_self"
              >
              标签
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/about/"
              rel="noopener noreferrer"
              target="_self"
              >
              关于
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/atom.xml"
              rel="noopener noreferrer"
              target="_blank"
              >
              RSS
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/search/"
              rel="noopener noreferrer"
              target="_self"
              >
              搜索
            </a>
          </li>
        
      </ul>

    </div>
  </div>
</div>



  
      <div class="fexo-comments comments-page">
    
  <section class="disqus-comments">
    <div id="disqus_thread">
      <noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    </div>
  </section>

  <script>
    var disqus_shortname = 'forsigner';
    
    var disqus_url = 'http://hanlyjiang.github.io/note/html/index.html';
    
    (function(){
      var dsq = document.createElement('script');
      dsq.type = 'text/javascript';
      dsq.async = true;
      dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
  </script>

  <script id="dsq-count-scr" src="//forsigner.disqus.com/count.js" async></script>



    




  </div>

  

  <script type="text/javascript">
  function loadScript(url, callback) {
    var script = document.createElement('script')
    script.type = 'text/javascript';

    if (script.readyState) { //IE
      script.onreadystatechange = function() {
        if (script.readyState == 'loaded' ||
          script.readyState == 'complete') {
          script.onreadystatechange = null;
          callback();
        }
      };
    } else { //Others
      script.onload = function() {
        callback();
      };
    }

    script.src = url;
    document.getElementsByTagName('head')[0].appendChild(script);
  }

  window.onload = function() {
    loadScript('/js/bundle.js?235683', function() {
      // load success
    });
  }
</script>

</body>
</html>
